今天想討論 width 和 height，專門用來設定元素的寬度和高度。
常會使用於標籤 <canvas>、<embed>、<iframe>、<img>、<input>、<object> 和 <video>。

已 <img> 來舉例，可以用 width 和 height 來設定寬和高，通常使用該屬性時不會指定單位，其單位預設為px。

圖片的寬和高，會按照比例放大或縮小，但如果在標籤裡，只設置 height，寬則會按比例縮放，如果要控制寬和高，則要兩者一起設定。

<img src="圖片網址" width="200" height="200">

width 和 height 也可以用百分比做設定，例如 width="50%" 或 height="50%"。
而 % 主要是依照你父層所設定的寬或高來做比例。

<div style="height:200px width:200px">
<img src="圖片網址" height="50%">
</div>

圖片若沒設定 width，就會按照比例縮放。